/*
* @Author: chaoyue
* @Date:   2017-01-10 16:25:36
* @Last Modified by:   chaoyue
* @Last Modified time: 2017-01-17 15:58:41
*/

[v-cloak]{
	display: none;
}
.page>.bar{
	height: auto;
	padding: 0;
	font-size: 0;
}
.content{
	background: #f5f5f8;
}
/*====================== 首页 ====================*/
.swiper-slide{
	font-size: 0;
}
.swiper-slide img{
	width: 100%;
}
.server-wrapper{
	background: #fff;
	margin-bottom: 10px;
	border-bottom: 1px solid #e8e8e8;
}
.server-wrapper .server-icon{
	text-align: center;
	width: 20%;
	float: left;
	padding: 10px 0;
	font-size: 0;
	color: #000;
}
.server-wrapper .server-icon img{
	width: 2rem;
	height: 2rem;
	margin-bottom: 5px;
}
.server-wrapper .server-icon p{
	font-size: 0.65rem;
	margin: 0;
	color: #000;
}
.index-notice{
	overflow: hidden;
	zoom: 1;
	padding: 5px 10px 0;
	background: #fff;
	margin-bottom: 5px;
	border-bottom: 1px solid #e8e8e8;
}
.index-notice .left{
	float: left;
	margin: 8px 0;
	font-size: 0;
}
.index-notice .left>img{
	width: 1.8rem;
	height: 1.3rem;
}
.index-notice .right{
	width: 100%;
	padding-left: 2.3rem;
}
.index-notice .right>a{
	display: block;
	color: #000;
	font-size: 0.6rem;
    margin: 0 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-notice .right p{
	margin: 0;
	width: 70%;
	float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-notice .right span{
	width: 30%;
	float: left;
	text-align: right;
}
.imgserver-wrapper{
	padding: 10px;
	background: #fff;
	margin-bottom: 5px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font-size: 0;
}
.imgserver-wrapper .left{
	float: left;
	width: 35%;
}
.imgserver-wrapper .right{
	float: right;
	width: 60%;
}
.imgserver-wrapper a{
	display: block;
}
.imgserver-wrapper img{
	width: 100%;
}
.classes-swiper{
	padding: 0 10px 5px;
}
.hot-topic,.health-msg{
	padding: 10px;
	background: #fff;
	margin-bottom: 5px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font-size: 0;
}
.health-msg .health-msg-title,.hot-topic .hot-topic-title{
	padding-bottom: 5px;
	text-align: center;
}
.health-msg .health-msg-title img,.hot-topic .hot-topic-title img{
	width: 6.5rem;
}
.hot-topic .list-block ul:before,.hot-topic .list-block ul:after{
	display: none;
}
.hot-topic .hot-topic-title .more{
	font-size: 0.65rem;
	color: #999;
	float: right;
	line-height: 14px;
}
.hot-topic .list-block li{
	border-bottom: 1px solid #e7e7e7;
}
.hot-topic .list-block li:last-child{
	border-bottom: 0px solid #e7e7e7;
}
.hot-topic .item-media{
	float: left;
	margin-right: 0.5rem;
}
.hot-topic .item-inner{
	width: auto;
}
.hot-topic .item-inner:after{
	display: none;
}
.hot-topic .item-media img{
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
}
.hot-topic .item-title{
	font-size: 0.7rem;
	color: #000;
}
.hot-topic .item-after{
	font-size: 0.65rem;
	color: #999;
}
.hot-topic .item-subtitle{
	font-size: 0.65rem;
	color: #999;
}
.hot-topic .item-main .item-text{
	font-size: 0.65rem;
	height: auto;
}
.hot-topic .item-main .topic-footer{
	margin-top: 5px;
	text-align: right;
}
.hot-topic .item-main .topic-footer button{
	border: none;
	background: none;
	color: #999;
	font-size: 0.65rem;
	margin-left: 1.5rem;
	padding-left: 20px;
}
.hot-topic .item-main .topic-footer .zan{
	background: url(../../images/mobile/zan-icon.png) no-repeat left center;
	background-size: 16px 14px;
	-webkit-background-size: 16px 14px;
}
.hot-topic .item-main .topic-footer .pl{
	background: url(../../images/mobile/pl-icon.png) no-repeat left center;
	background-size: 16px 14px;
	-webkit-background-size: 16px 14px;
}
.imgtext-list li{
	padding: 5px 0;
}
.imgtext-list .item-media{
	float: left;
}
.imgtext-list .item-media img{
	width: 4rem;
	height: 2.7rem;
}
.imgtext-list .item-inner{
	padding-left: 4.5rem;
}
.imgtext-list .item-inner .item-title{
	font-size: 0.7rem;
	color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.imgtext-list .item-inner .item-text{
	font-size: 0.65rem;
	color: #999;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
}
.text-list li{
	padding: 5px 0;
}
.text-list .item-title{
	float: left;
	width: 60%;
	font-size: 0.7rem;
	color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.text-list .item-after{
	font-size: 0.7rem;
	float: right;
	color: #999;
}

/*====================== 通用文章列表页 ====================*/
.article-link{
	position: relative;
	font-size: 0.7rem;
}
.article-link:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #e7e7e7;
	transform: scaleY(0.3);
	-webkit-transform: scaleY(0.3);
}
/*====================== 通用文章详情页 ====================*/
.article-info{
	text-align: center;
	font-size: 0.6rem;
	color: #999;
	padding: 10px;
}
.article-main{
	padding: 0 10px;
}
.article-main p{
	font-size: 0.65rem;
	margin: 0 0 10px;
	text-indent: 2em;
}
.article-main img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto !important;
}


/*====================== 个人中心 ====================*/
.mycenter-header{
	padding: 20px 10px;
	background: #00B9C5;
	overflow: hidden;
	zoom: 1;
}
.mycenter-header img{
	width: 3rem;
	height: 3rem;
	float: left;
	border-radius: 50%;
	margin-right: 0.5rem;
}
.mycenter-header div{
	line-height: 3rem;
	color: #fff;
	font-size: 0.7rem;
	background: url(../../images/mobile/white-righticon.png) no-repeat right center;
}
.mycenter-subheader{
	border-bottom: 1px solid #e8e8e8;
	background: #fff;
	margin-bottom: 0.5rem;
}
.mycenter-subheader .subheader-box{
	float: left;
	width: 50%;
	border-right: 1px solid #e8e8e8;
	padding: 0.5rem 0;
	text-align: center;
}
.mycenter-subheader .subheader-box img,.mycenter-subheader .subheader-box p{
	display: inline-block;
}
.mycenter-subheader .subheader-box img{
	width: 1.2rem;
	height: 1.2rem;
	margin-right: 0.25rem;
	vertical-align: middle;
}
.mycenter-subheader .subheader-box p{
	line-height: 1.2rem;
	color: #000;
	margin: 0;
	font-size: 0.65rem;
}
.mycenter-main{
	border-top: 1px solid #e8e8e8;
	background: #fff;
	margin-bottom: 0.5rem;
}
.mycenter-main>div{
	border-bottom: 1px solid #e8e8e8;
}
.mycenter-main .mycenter-title{
	font-size: 0.7rem;
	padding: 0.3rem 0.5rem;
}
.mycenter-main .mycenter-box{
	float: left;
	width: 25%;
	padding: 0.5rem 0;
	text-align: center;
	border-right: 1px solid #e8e8e8;
}
.mycenter-main .mycenter-box:nth-child(4n){
	border-right: 0px solid #e8e8e8;
}
.mycenter-main .mycenter-box img{
	width: 1.2rem;
	height: 1.2rem;
	margin-bottom: 0.25rem;
}
.mycenter-main .mycenter-box p{
	margin: 0;
	font-size: 0.65rem;
	color: #000;
}

/*================== 预约挂号 ====================*/
.classes-wrapper{
/* 	background: #fff; */
/* 	margin-bottom: 0.5rem; */
	padding: 0.5rem 0.75rem 0;
}
.classes-wrapper .classes-item{
	float: left;
	margin-bottom: 10px;
	padding: 0 0.25rem;
}
.classes-wrapper .classes-item>a{
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	font-size: 0.65rem;
	color: #666;
	display: block;
	text-align: center;
	padding: 0.25rem 0;
	background: #fff;
}
@media screen and (min-width:320px) and (max-width:768px) {
	.classes-wrapper .classes-item{
		width: 25%;
	}
}
@media screen and (min-width:768px) {
	.classes-wrapper .classes-item{
		width: 20%;
	}
}
.classes-wrapper .classes-img{
	float: left;
	margin-left: 0.5rem;
}
.classes-wrapper .classes-img>img{
	width: 3rem;
}
.classes-wrapper .classes-inner{
	position: relative;
	padding-left: 4rem;
	font-size: 0.7rem;
}
.classes-wrapper .classes-inner .btn{
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
	height: 24px;
	line-height: 24px;
	font-size: 0.6rem;
	padding: 0 10px;
	color: #fff;
	background: #00B9C5;
	border-radius: 4px;
}
.classes-wrapper .classes-inner .item-subtitle{
	margin-top: 15px;
	font-size: 0.65rem;
	color: #999;
}
.expert-wrapper .list-block{
	margin: 0;
	padding: 0 0.75rem;
}
.expert-wrapper .list-block .expert-item .item-media img{
	width: 2.5rem;
	hieght: 2.5rem;
	border-radius: 50%;
}
.expert-wrapper .list-block .expert-item .item-title{
	font-size: 0.7rem;
	color: #FF6000;
}
.expert-wrapper .list-block .expert-item .item-title .after{
	font-size: 0.6rem;
	margin-left: 10px;
}
.expert-wrapper .list-block .expert-item .item-after .btn{
	font-size: 0.6rem;
	padding: 0 10px;
	color: #fff;
	background: #00B9C5;
	border-radius: 4px;
}
.expert-wrapper .list-block .expert-item .item-subtitle{
	font-size: 0.65rem;
}
.expert-wrapper .list-block .expert-item .item-subtitle.item-link{
	text-align: right;
	margin-top: 5px;
}
.expert-wrapper .list-block .expert-item .item-subtitle.item-link a{
	color: #FF6000;
	margin-left: 0.75rem;
	padding-left: 1rem;
	background-size: 18px 13px;
	-webkit-background-size: 18px 13px;
}
.tw-link{
	background: url(../../images/mobile/tw-icon.png) no-repeat left center;
}
.dh-link{
	background: url(../../images/mobile/dh-icon.png) no-repeat left center;
}
.expert-wrapper .list-block .expert-item .item-text{
	height: auto;
	font-size: 0.65rem;
	color: #999;
	-webkit-line-clamp: 1;
}
.classes-img-link{
	padding: 0 0.75rem 0.5rem;
}
.classes-img-link>a{
	display: block;
	float: left;
	width: 50%;
	font-size: 0;
}
.classes-img-link>a.left-link{
	padding-right: 0.5rem;
}
.classes-img-link>a.right-link{
	padding-left: 0.5rem;
}
.classes-img-link>a>img{
	width: 100%;
}

/*====================== 就诊页面 ====================*/
.hosp-service-box .box-title{
	margin-top: 10px;
	padding: 0 15px 0 20px;
	font-size: 0.7rem;
	position: relative;
	line-height: 100%;
}
.hosp-service-box .box-title:before{
	content: "";
	position: absolute;
	top: 0px;
	left: 15px;
	width: 3px;
	height: 100%;
	background: #24C079;
}
.hosp-service-box .box-main{
	padding: 0 10px;
}
.hosp-service-box .box-main>div{
	padding: 0 5px;
	float: left;
	width: 25%;
	margin-top: 10px;
}
.hosp-service-box .box-main>div>a{
	display: block;
	font-size: 0;
}
.hosp-service-box .box-main>div>a>img{
	width: 100%;
}

/*====================== 专家详情 ====================*/
.doctor-ifm-top{
	margin: 0;
	position: relative;
}
.doctor-ifm-top>ul{
	height: 99px;
	background: url(../../images/mobile/doc-imf-img1.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	padding: 10px 0 10px 10px;
}
.doctor-ifm-top .item-media,.doctor-ifm-top .item-media>img{
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.doctor-ifm-top .item-inner{
	height: 79px;
}
.doctor-ifm-top .item-title{
	font-size: 16px;
	color: #fff;
}
.doctor-ifm-top .item-title>span{
	font-size: 12px;
	margin-left: 5px;
}
.doctor-ifm-top .item-subtitle{
	font-size: 12px;
	color: #fff;
}
.doctor-ifm-top .item-subtitle>span{
	margin-right: 10px;
}
.doctor-ifm-top .label-box{
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.doctor-ifm-top .label-box .doctor-label{
	display: block;
	width: 86px;
	height: 23px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 23px;
	margin-bottom: 5px;
	border-radius: 4px;
	cursor: pointer;
}
.doctor-ifm-body>div.content-block{
	margin: 0;
	padding: 0;
}
.doctor-ifm-body .doctor-from{
	padding: 5px 10px;
	background: #fff;
	margin-bottom: 10px;
}
.doctor-from .doctor-server,.doctor-from .doctor-server .swiper-wrapper,.doctor-from .doctor-server .swiper-wrapper .swiper-slide{
	height: auto;
}
.doctor-from .doctor-server .server-box{
	padding: 8px;
	border-radius: 4px;
	border: 1px solid #ddd;
	font-size: 14px;
	position: relative;
}
.doctor-from .doctor-server .server-box.active{
	border-color: #499EFA;
}
.doctor-from .doctor-server .server-box p,.doctor-from .doctor-server .server-box span{
	display: block;
	margin: 0;
	text-align: center;
	color: #999;
	width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.doctor-from .doctor-server .server-box.active p,.doctor-from .doctor-server .server-box.active span{
	display: block;
	margin: 0;
	text-align: center;
	color: #499EFA;
}
.doctor-from .doctor-server .server-box i{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 21px;
	height: 20px;
	background: url(../../images/mobile/H.png) no-repeat;
	background-size: 21px 20px;
	-webkit-background-size: 21px 20px;
}
.doctor-from .doctor-server .server-box.active i{
	background: url(../../images/mobile/L.png) no-repeat;
	background-size: 21px 20px;
	-webkit-background-size: 21px 20px;
}
.doctor-ifm-body .doctor-from>div.good-at,.doctor-ifm-body .doctor-from>div.brief-imf{
	font-size: 14px;
	padding: 5px 0;
}
.doctor-ifm-body .doctor-from>div.good-at{
	border-bottom: 1px solid #ddd;
}
.doctor-ifm-body .doctor-from>div.brief-imf{
	margin-top: 10px;
	position: relative;
}
.doctor-ifm-body .doctor-from>div.brief-imf #look-for{
	position: absolute;
	top: 0px;
	right: 0;
	font-size: 12px;
	color: #fff;
	padding: 5px 10px;
	background: #17bc70;
	border: none;
	border-radius: 4px;
}
.part-title{
	padding: 10px;
	font-size: 14px;
	color: #000;
}
.part-title>a{
	float: right;
	font-size: 12px;
	color: #676767;
}
.doctor-ifm-foot{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
.doctor-ifm-foot .change-server{
	width: 100%;
	height: 40px;
	float: left;
	background: #fff;
	border-top: 1px solid #ddd;
	margin-right: -100px;
	padding: 0 100px 0 10px;
}
.doctor-ifm-foot .change-server>p{
	font-size: 14px;
	float: left;
	margin: 0;
	line-height: 40px;
	max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.doctor-ifm-foot .change-server>i{
	font-size: 14px;
	float: left;
	line-height: 40px;
	font-style: normal;
}
.doctor-ifm-foot .change-server>span{
	font-size: 14px;
	float: left;
	line-height: 40px;
	color: #FF6100;
}
.doctor-ifm-foot>input{
	width: 100px;
	height: 40px;
	background: #17bc70;
	color: #fff;
	font-size: 14px;
	border: none;
	border-radius: 0;
	float: left;
}

/*======================= 患者提交资料 ======================*/
.patientdataPage-header{
	position: relative;
	overflow: hidden;
	zoom: 1;
	background: #fff;
}
.patientdataPage-header>div{
	float: left;
	position: relative;
}
.patientdataPage-header .header-media{
	width: 65px;
	height: 65px;
	padding: 10px;
	margin-right: 10px;
}
.header-media img{
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #ddd;
}
.header-media i{
	font-size: 10px;
	font-style: normal;
	width: 100%;
	text-align: center;
	background: #17BC70;
	color: #fff;
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%) scale(0.8);
	-webkit-transform: translateX(-50%) scale(0.8);
}
.patientdataPage-header .header-content{
	padding: 10px;
	font-size: 13px;
	float: none;
}
.patientdataPage-header a{
	position: absolute;
	bottom: 5px;
	right: 10px;
	font-size: 12px;
	color: #6D66FF;
}
.patientdet-link{
	margin: 0;
	font-size: 14px;
}
.patientdet-link .sex{
	margin-right: 10px;
	padding-right: 16px;
}
.patientdet-link .sex.pink{
	background: url(../../images/health-server-woman.png) no-repeat right center;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
}
.patientdet-link .sex.blue{
	background: url(../../images/health-server-man.png) no-repeat right center;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
}
.entering-main{
	font-size: 0;
}
.entering-main textarea{
	width: 100%;
	background: #F5F5F8;
	resize: none;
	font-size: 13px;
	padding: 10px;
	border: none;
}
.upload-pics{
	background: #f5f5f8;
}
.upload-pics .upload-btn{
	padding: 10px;
	overflow: hidden;
	zoom: 1;
}
.upload-pics .uploadpics{
	width: 90px;
	height: 90px;
	background: url(../../images/img-pl.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	float: left;
	margin-right: 10px;
}
.upload-pics .uploadpics input{
	width: 90px;
	height: 90px;
	opacity: 0;
}
.upload-pics .uploadtext{
	font-size: 14px;
	color: #666;
}
.upload-pics #upload-container{
	padding: 5px;
	font-size: 0;
}
.upload-pics #upload-container>div{
	padding: 5px;
	width: 25%;
	float: left;
}
.upload-pics #upload-container>div img{
	width: 100%;
}
.consultant-foot{
	padding: 10px;
	background: #fff;
}
.consultant-foot p{
	margin: 0;
	font-size: 14px;
	text-align: center;
	color: #999;
}
.consultant-btn{
	padding: 5px;
	font-size: 0;
}
.consultant-btn>div{
	float: left;
	padding: 5px;
	font-size: 14px;
	width: 33.3%;
	text-align: center;
}
.consultant-btn>div a{
	color: #000;
	display: block;
	text-align: center;
}
.consultant-btn>div img{
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto 5px;
}
.user-table{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: #fff;
}
.user-table .thead{
	padding: 5px 10px;
	font-size: 12px;
	background: #f5f5f8;
	height: auto;
}
.user-table .thead a{
	font-size: 0px;
	background: url(../../images/mobile/write.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 16px;
	height: 16px;
	float: right;
}
.user-table .tbody{
	padding: 30px 0 85px;
}
.user-table .tbody .user-list li{
	padding: 5px 10px;
	border-bottom: 1px solid #e8e8e8;
	overflow: hidden;
	zoom: 1;
	position: relative;
}
.user-table .tbody .user-list li img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
}
.user-table .tbody .user-list li div{
	font-size: 12px;
	line-height: 30px;
	float: left;
}
.user-table .tbody .user-list li input{
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	border-radius: 50%;
}
.user-table .tfoot{
	height: auto;
	padding: 0 10px;
}
.user-table .tfoot p{
	margin: 10px 0;
}
.bar-tab .button.block{
	height: 40px;
	line-height: 40px;
	border-radius: 0;
}

/*==================== 专家预约 =====================*/
.apply-main{
	border-top: 1px solid #e8e8e8;
}
.apply-imf>label{
	font-size: 14px;
	color: #676767;
	background: #f5f5f8;
}
.apply-imf>label,.apply-imf>div{
	display: block;
	padding: 10px;
	border-bottom: 1px solid #e8e8e8;
	position: relative;
}
.apply-imf>div.fly{
	display: none;
}
.apply-imf>div span{
	font-size: 14px;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.apply-imf>div input{
	font-size: 14px;
	width: 100%;
	padding-left: 85px;
	border: none;
	outline: none;
}
.apply-imf>div>div{
	padding-left: 65px;
}
.apply-imf>div .apply-date{
	font-size: 14px;
	width: 45%;
	padding-left: 0;
	border: none;
	text-align: center;
	outline: none;
}
.apply-imf>div .apply-date input{
	padding-left: 0;
}
.apply-imf>div i{
	font-style: normal;
	font-size: 14px;
}

.notice-item{
	position: relative;
	padding: 0 10px;
}
.notice-item>span{
	position: absolute;
	width: 33px;
	height: 33px;
	top: 10px;
	left: 15px;
}
.notice-item:nth-child(1)>span{
	background: url(http://static.jsk365.com/images/mobile/privatedoctor/notice-icon1.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.notice-item:nth-child(2)>span{
	background: url(http://static.jsk365.com/images/mobile/privatedoctor/notice-icon2.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.notice-item:nth-child(3)>span{
	background: url(http://static.jsk365.com/images/mobile/privatedoctor/notice-icon3.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.notice-item:nth-child(4)>span{
	background: url(http://static.jsk365.com/images/mobile/privatedoctor/notice-icon4.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.notice-item:nth-child(5)>span{
	background: url(http://static.jsk365.com/images/mobile/privatedoctor/notice-icon5.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.notice-item:nth-child(6)>span{
	background: url(http://static.jsk365.com/images/mobile/privatedoctor/notice-icon6.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.notice-item>div{
	padding: 0 0 0 53px;
}
.notice-item>div p{
	padding: 10px 0;
	margin: 0;
	font-size: 14px;
	border-bottom: 1px dashed #e8e8e8;
}

/*==================== 我的预约 ====================*/
.swiper-tab{
	border-bottom: 1px solid #e8e8e8;
}
.swiper-tab .swiper-slide{
	height: 2rem;
	line-height: 2rem;
	font-size: 0.7rem;
	text-align: center;
	background: #fff;
	border-right: 1px solid #e8e8e8;
}
.swiper-tab .swiper-slide.active{
	color: #00B9C5;
	border-bottom: 1px solid #00B9C5;
}
.swiper-tab .swiper-slide i{
	font-size: 0.6rem;
	margin-left: 5px;
	padding: 0 5px;
	background: red;
	color: #fff;
	border-radius: 10px;
	font-style: normal;
}
.tab-content{
	padding-top: 2.5rem;
}
.booking-content{
	background: #fff;
	margin-bottom: 0.5rem;
	position: relative;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}
.booking-content>div{
	padding: 0.25rem 0.5rem 0;
	font-size: 0.65rem;
}
.booking-content>div .after{
	margin-left: 0.75rem;
}
.booking-content>div.hosp-info{
	padding-left: 1.5rem;
	padding-bottom: 0.25rem;
	height: 24px;
	background: url(../../images/mobile/address-icon.png) no-repeat 10px center;
	background-size: 0.6rem 0.8rem;
	-webkit-background-size: 0.6rem 0.8rem;
}
.booking-content>div.booking-info{
	border-top: 1px solid #e8e8e8;
	padding-bottom: 0.25rem;
}
.booking-content>div.booking-info .booking-data{
	float: left;
}
.booking-content>div.booking-info .booking-style{
	float: right;
}
.booking-content .btn-group{
	position: absolute;
	top: 0;
	right: 0;
}
.booking-content .btn-group .btn{
	display: block;
	padding: 0 0.5rem;
	margin-bottom: 0.25rem;
	background: #00B9C5;
	color: #fff;
	border-radius: 4px;
}
/*====================== 视频简介 =======================*/
.video-content video{
	width: 100%;
	margin-bottom: 10px;
}
.video-content div{
	font-size: 0.65rem;
	margin-bottom: 10px;
}
.video-content p{
	margin: 5px 0 0;
	text-indent: 2em;
}

/*内容为空的提示页面*/
.no-content{
	height: 100%;
	position: relative;
}
.no-content img{
	width: 90px;
	height: 140px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -45px;
	margin-top: -70px;
}

/*通用底部按钮*/
.bar.bar-tab a.disabled{
	background: #ddd;
}
.bar.bar-tab a.inline{
	display: inline-block;
	width: 50%;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	position: relative;
}
.bar.bar-tab a.inline:nth-child(2):after{
	content: '';
	width: 1px;
	height: 16px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
}
.bar.bar-tab.footer-btn{
	background: #17BC70;
}
.bar.bar-tab a.block{
	display: block;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

/*只显示一半的弹出层*/
.popup.half-popup{
	height: 50%;
	top: auto;
	bottom: 0;
}
.popup.half-popup .bar{
	height: 1.5rem;
	background: #fff;
}
.popup.half-popup .bar a{
	font-size: 0.7rem;
	line-height: 1.5rem;
	color: #9d9da3;
}
.popup.half-popup .content{
	top: 1.5rem;
	background: #fff;
}

/*=========================检查报告=======================*/
.inspection-content{
	padding: 0.5rem 0.5rem 2.5rem;
	font-size: 0;
}
.inspection-content img{
	width: 100%;
	margin-bottom: 0.5rem;
}
.condition-form{
	padding: 10px;
}
.condition-form .condition-text{
	display: block;
	width: 12.5rem;
	height: 1.5rem;
	margin: 0 auto 1rem;
	border: 1px solid #e8e8e8;
	font-size: 0.7rem;
	line-height: 1.5rem;
	padding: 0 0.5rem;
	border-radius: 6px;
} 
/*=========================报告查询结果页=======================*/
.patient-info{
	margin: 0.5rem 0;
	background: #fff;
    box-shadow: 0 2px 5px 1px #E1E5E6;
}
.patient-info>div{
	float: left;
	padding: 0.25rem 0;
}
.patient-info .left{
	margin-left: 1.1rem;
}
.patient-info .right{
	margin-left: 3rem;
	font-size: 0.65rem;
	line-height: 2rem;
}
.patient-info img{
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	border: 3px solid #EFEFF9;
	float: left;
}
.patient-info p{
	float: left;
	height: 2rem;
	line-height: 2rem;
	font-size: 0.7rem;
	margin: 0 0 0 0.7rem;
}
.inspectionreport-list .inspectionreport-item{
	padding: 0 0.5rem;
	background: #fff;
	position: relative;
	margin-bottom: 0.5rem;
    box-shadow: 0 2px 5px 1px #E1E5E6;
}
.inspectionreport-list .inspectionreport-item span{
	font-size: 0.7rem;
	line-height: 2.25rem;
	float: left;
}
.inspectionreport-list .inspectionreport-item span.inspection-project{
    margin-left: 2rem;
    display: inline-block;
    max-width: 5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.inspectionreport-list .inspectionreport-item .right{
	position: absolute;
	top: 0;
	right: 0;
	width: 4rem;
	height: 2.25rem;
}
.inspectionreport-list .inspectionreport-item .right>a{
	display: block;
	width: 4rem;
	height: 2.25rem;
	font-size: 0.7rem;
	background: #4CD8A7;
	color: #fff;
	line-height: 2.25rem;
	text-align: center;
}
/*=========================报告详情页=======================*/
.content-padded.report-top{
	background: #fff;
	border-top: 0.5rem solid #4CD8A7;
	padding: 0.75rem 0.5rem 0;
    box-shadow: 0 2px 5px 1px #E1E5E6;
}
.report-top>div{
	width: 50%;
	float: left;
}
.report-top p{
	font-size: 0.6rem;
	margin: 0 0 0.75rem;
	line-height: 100%;
}
.report-top .report-result{
	width: 100%;
}
.report-top .report-result label{
	float: left;
	font-size: 0.6rem;
}
.report-top .report-result p{
	padding-left: 3.25rem;
	line-height: 1rem;
}
.content-padded.report-body{
	border-top: 0.5rem solid #4CD8A7;
	border-bottom: 0.5rem solid #4CD8A7;
	background: #fff;
    box-shadow: 0 2px 5px 1px #E1E5E6;
}
.content-padded.report-body .report-title{
	padding: 0.5rem;
	font-size: 0.7rem;
	text-align: center;
}
.content-padded.report-body .table{
	margin-bottom: 1.1rem;
	border-top: 1px solid #eee;
}
.content-padded.report-body .table .col-33{
	text-align: center;
	font-size: 0.65rem;
	color: #909191;
	height: 1.5rem;
	line-height: 1.5rem;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}
.content-padded.report-body .table .col-33:nth-child(3){
	border-right: 0px solid #eee;
}


/*=========================留言咨询=======================*/
.massage-list .item-inner{
	display: block;
}
.massage-list .item-inner>div{
	display: block;
	width: 100%;
}
.massage-list .item-inner .item-title{
	float: left;
	font-size: 0.6rem;
	color: #fff;
	background: #29C6C4;
	padding: 0 5px;
}
.massage-list .item-inner .item-title.patient{
	background: #F77331;
}
.massage-list .item-inner .item-after{
	float: left;
	font-size: 0.6rem;
	color: #999;
	margin-left: 0.5rem;
}
.massage-list .item-inner .item-text{
	height: auto;
	font-size: 0.65rem;
	margin-top: 0.5rem;
}
.massage-list .item-inner .item-text p{
	margin: 0;
}
.massage-list .item-inner .item-text img{
	max-width: 70%;
}
.foot-input{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0.5rem;
	background: #EFEFEF;
	overflow: hidden;
	zoom: 1;
}
.foot-input .img-input{
	float: left;
	width: 30px;
	height: 25px;
	background: url(../../images/mobile/imgupdata-icon.png) no-repeat center center;
	background-size: 16px 16px;
}
.foot-input .img-input input{
	display: block;
	width: 30px;
	height: 25px;
	opacity: 0;
	font-size: 0;
}
.foot-input .text-input{
	width: 100%;
	padding: 0 40px;
}
.foot-input .text-input input{
	width: 100%;
	height: 25px;
	line-height: 25px;
	border: none;
	background: #E7E7E7;
	border-radius: 6px;
	font-size: 0.65rem;
	padding: 0 0.5rem;
}
.foot-input .send-msg{
	float: right;
	width: 30px;
	height: 25px;
	line-height: 25px;
	font-size: 0.65rem;
    background-color: #29C6C4;
    text-align: center;
    color: #fff;
    border-radius: 4px;
}
#imgPopup img{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	max-width: 100%;
	max-height: 100%;
}



/*日历箭头居中*/
.icon-next, .icon-prev {
    width: 100%;
    height: 2.2rem;
    background-size: 0.75rem 0.75rem;
    background-repeat: no-repeat;
}
/*工具栏样式调整*/
.bar-tab .tab-item.active, .bar-tab .tab-item:active{
	color: #21BEC9;
}
.icon-sy{
	width: 1.2rem;
	background: url(../../images/mobile/sy-tab.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
.tab-item.active .icon-sy{
	width: 1.2rem;
	background: url(../../images/mobile/sy-tab-a.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
.icon-dz{
	width: 1.2rem;
	background: url(../../images/mobile/dz-tab.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
.tab-item.active .icon-dz{
	width: 1.2rem;
	background: url(../../images/mobile/dz-tab-a.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
.icon-wz{
	width: 1.2rem;
	background: url(../../images/mobile/wz-tab.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
.tab-item.active .icon-wz{
	width: 1.2rem;
	background: url(../../images/mobile/wz-tab-a.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
.icon-zn{
	width: 1.2rem;
	background: url(../../images/mobile/zn-tab.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
.tab-item.active .icon-zn{
	width: 1.2rem;
	background: url(../../images/mobile/zn-tab-a.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
.icon-mine{
	width: 1.2rem;
	background: url(../../images/mobile/mine-tab.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
.tab-item.active .icon-mine{
	width: 1.2rem;
	background: url(../../images/mobile/mine-tab-a.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}









